<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../../resource/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="../../../resource/css/jedate.css"/>
		<link rel="stylesheet" type="text/css" href="../../../resource/fonts/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../../../resource/css/common.css"/>
		<link rel="stylesheet" type="text/css" href="../../../../resources/layui/css/layui.css"/>


	</head>
	<body>
		<div class="container-fluid">
			<div class="row mheader">
				<div class="col-xs-2 text-left"><a href="javascript:;" onclick="location.href='../../../word.html'"><span class="iconfont icon-fanhui"></span></a></div>
				<div class="col-xs-8"><h2>材料申请审批</h2></div>
				<div class="col-xs-2 text-right"><a href="#"><span class="iconfont icon-31sousuo sousuo"></span></a></div>
			</div>
			<div class="row">
				<dl class="erp-list">
					<!--<dd>-->
						<!--<a href="erp-details.html">-->
							<!--<h3><span class="glyphicon glyphicon-menu-right"></span>西三环通信管道施工</h3>-->
							<!--<div class="erp-txt">-->
								<!--<p><span>申请单位:</span>西三环通信管道施工</p>-->
								<!--<p><span>申请时间:</span>2017年7月15日</p>-->
								<!--<p><span>供货时间:</span>2017年7月15日</p>-->
								<!--<p><span>审核状态:</span><strong>已审核未选择供货商</strong></p>-->
							<!--</div>-->
						<!--</a>-->
					<!--</dd>-->
					<!--<dd>-->
						<!--<a href="#">-->
							<!--<h3><span class="glyphicon glyphicon-menu-right"></span>西三环通信管道施工</h3>-->
							<!--<div class="erp-txt">-->
								<!--<p><span>申请单位:</span>西三环通信管道施工</p>-->
								<!--<p><span>申请时间:</span>2017年7月15日</p>-->
								<!--<p><span>供货时间:</span>2017年7月15日</p>-->
								<!--<p><span>审核状态:</span><strong>已审核未选择供货商</strong></p>-->
							<!--</div>-->
						<!--</a>-->
					<!--</dd>-->
					<!--<dd>-->
						<!--<a href="#">-->
							<!--<h3><span class="glyphicon glyphicon-menu-right"></span>西三环通信管道施工</h3>-->
							<!--<div class="erp-txt">-->
								<!--<p><span>申请单位:</span>西三环通信管道施工</p>-->
								<!--<p><span>申请时间:</span>2017年7月15日</p>-->
								<!--<p><span>供货时间:</span>2017年7月15日</p>-->
								<!--<p><span>审核状态:</span><strong>已审核未选择供货商</strong></p>-->
							<!--</div>-->
						<!--</a>-->
					<!--</dd>-->
					<!--<dd>-->
						<!--<a href="#">-->
							<!--<h3><span class="glyphicon glyphicon-menu-right"></span>西三环通信管道施工</h3>-->
							<!--<div class="erp-txt">-->
								<!--<p><span>申请单位:</span>西三环通信管道施工</p>-->
								<!--<p><span>申请时间:</span>2017年7月15日</p>-->
								<!--<p><span>供货时间:</span>2017年7月15日</p>-->
								<!--<p><span>审核状态:</span><strong>已审核未选择供货商</strong></p>-->
							<!--</div>-->
						<!--</a>-->
					<!--</dd>-->
				</dl>
				<div class="showlists">暂无更多数据</div>
			</div>
			<!--搜索-->
			<div class="search-box">
				<div class="search-cover">
					<form action="" method="post">
						<div class="row">
							<div class="col-xs-4">
								<ul class="list-group list-items">
								  <li class="list-group-item list-group-lists search-active">项目名称</li>
								  <li class="list-group-item list-group-lists">申请单号</li>
								  <li class="list-group-item list-group-lists">审核状态</li>
								  <li class="list-group-item list-group-lists">开始时间</li>
								  <li class="list-group-item list-group-lists">结束时间</li>
								</ul>
							</div>
							<div class="col-xs-8">
								<div class="search-lists search-list1 search-active">
									<input type="text" class="pro pro-input pro-name" id="test00" placeholder="请输入项目名称"/>
								</div>
								<div class="search-lists search-active">
									<input type="text" class="pro pro-input pro-name" id="test01" placeholder="请输入申请单号"/>
								</div>
								<div class="search-lists search-active">
									<select class="pro pro-input pro-name" id="test02" >
										<option value="">请选择</option>
										<option value="0">已审核</option>
										<option value="-1">等待审核</option>
									</select>
								</div>
								<div class="search-lists search-active">
									<input type="text" class="layui-input" id="test03" name="supply_Time" placeholder="请输入开始时间">
								</div>
								<div class="search-lists search-active">
									<input type="text" class="layui-input" id="test04" name="supply_Time" placeholder="请输入结束时间">
								</div>
							</div>
						</div>
						<div class="row">
							<span class="btns close-cover">取消</span>
							<input class="sub-cover btns fr" type="button" value="确定"/>
						</div>
					</form>
				</div>
			</div>
		</div>
	</body>
</html>
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="../../../resource/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../resource/js/jquery.jedate.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../resource/js/style.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../resources/layui/layui.js"></script>

<script>
    layui.use('laydate', function() {
        var laydate = layui.laydate;

        laydate.render({
            elem: '#test03'
            ,type: 'datetime'
        });
        laydate.render({
            elem: '#test04'
            ,type: 'datetime'
        });
    })

	$(".sousuo").click(function(){
		$(".search-box").slideToggle();
	})
	$(".list-group-lists").click(function(){
		var i=$(this).index();
		$(".search-lists").hide();
		$(".search-lists").eq(i).show();
		$(".list-group-lists").removeClass("search-active");
		$(this).addClass("search-active");
		$(".pros").hide();
		$(".pros").eq(i).show();

	});
//	点击取消按钮
	$(".close-cover").click(function(){
		$(".search-box").slideUp();
	});
//	点击确定按钮
	$(".sub-cover").click(function(){
        $('.erp-list').html('');
		$(".search-box").slideUp();
        formData.proName=$('#test00').val();
        formData.feed_Code=$('#test01').val();
        formData.state=$('#test02').val();
        formData.begintime=$('#test03').val();
        formData.endtime = $('#test04').val();
        nloader.search();
	});
    var formData = {
        type:'a',
        proName:$('#test00').val(),
        begintime:$('#test01').val(),
        endtime:$('#test02').val(),
    };
    //滚动加载
    var nloader = LoadMore({
        api: 'api/matperson/gcMatFeedSel.do',
        data: formData,
        success: function (data) {
            var json;
            json=data.data;
            console.log(json);
            if(json.length==0){
                $('.showlists').show();
            }else{
                $('.showlists').hide();
            }
            for(var i=0;i<json.length;i++){
                if(json[i].state==-1){
                    json[i].state="等待审核";
                }else  if(json[i].state==0){
                    json[i].state="审核完成";
                }else{
                    json[i].state="审核不通过";
                }
                var urlse;
                if(json[i].state=='等待审核'){
                    urlse="erp-details.html?"+json[i].feed_Code
				}else{
                    urlse="erp-delivery.html?"+json[i].feed_Code
				}

                $('.erp-list').append('<dd>' +
                    '<a href='+urlse+'>' +
                    '<h3></span>'+json[i].feed_Code+
					'<span class="btn btn-danger fr">'+json[i].state+'</span></h3>' +
                    '<div class="erp-txt visa-txt">' +
                    '<p class="clearfix"><span class="sp">项目名称:</span><span class="divCon">'+json[i].proName+'</span></p>' +
                    '<p class="clearfix"><span class="sp">施工单位:</span><span class="divCon">'+json[i].compName1+'</span></p>' +
                    '<p class="clearfix"><span class="sp">申请人员:</span><span class="divCon">'+json[i].feed_sqr+'</span></p>' +
                    '<p><span>供货时间:</span>'+json[i].supply_Time+'</p>' +
                    '<p class="clearfix"><span class="sp">收货地址:</span><span class="divCon">'+json[i].f_adr+'</span></p>' +
//                    '<p><span>审核状态:</span>'+json[i].state+'</p>' +
                    '</div>' +
                    '</a>' +
                    '</dd>');
            }
        }
    })
</script>










